import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
// import NProgress from 'nprogress'
// import 'nprogress/nprogress.css'
import store from '@/store'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue')
    }
  ]
})

router.beforeEach(async (to, from, next) => {
  // NProgress.start()
  console.log(to)
  if (to?.meta?.title) {
    document.title = to.meta.title
  } else {
    document.title = '杭州美联'
  }
  if (to.query.token) {
    console.log(store.userApp)
    store.userApp.setToken(to.query.token)
  }
  next()
})

router.afterEach((to, from) => {
  // NProgress.done()
})

export default router
